<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>漫步时尚广场-购物栏目</title>
    
    <style type="text/css">
    *{margin: 0;padding: 0;}
li,ul{list-style: none;}
a{color: #000;text-decoration: none;}
a:hover{color: #ce2626;text-decoration: none;}
        .top_bg{border-bottom: 1px solid #ccc; font-size: 12px; font-family: "宋体"; line-height: 30px; background: #f7f7f7; height: 30px; line-height: 30px;}
        .top_content{width: 1200px; margin: 0 auto;}
        .floatl{float: left;}
        .floatr{float: right;}
        .nav_bg{background: #ce2626;width: 100%; color: #fff; margin-bottom: 10px;}
.nav_content{width: 1200px; margin: 0 auto;height: 40px; line-height: 40px;}
.menu_nav{width: 700px;float: left;margin-left: 200px;}
.menu_nav li{font-weight: 700; font-size: 16px; color: #fff;width: 80px;float: left;text-align: center;margin-right: 15px;}
.orange{font-weight: 700;color: #f60;}
.nav_active{background: #b12121;}
a.white{color: #fff;text-decoration: none;}
a.white:hover{color: #ff0;text-decoration: none;}
.menu{width: 240px;float: left;border: 1px solid #e5e4e1;margin-left: 80px;margin-top: 15px;}
.menu li{width: 240px;float: left;border-bottom: 1px solid #e5e4e1;height: 33px;line-height: 33px;background: #fafafa;font-size: 14px;text-align: left;}
.menu li .title{height: 33px;background: #e5e4e1;font-size: 15px;text-align: left;text-indent: 20px;width: 100%;line-height: 33px;display: inline-block;}
.red_dot{font-weight: 25px;margin-right: 10px;width: 8px;height: 8px;display: inline-block;background: url(../images/.red_dot.gif) no-repeat;margin-left: 10px;}
.middle{float:right;width:70%;margin: 10px 10px 10px 0;}
     .pic_list{float:left}
     .pic_list dl{float:left;width:20%;margin:10PX 15px 10px 15px}
     .price{font-size:15px;font-weight:700;color:red;float:left}
     .price2{font-size:12px;font-weight:700;color:red;text-align:center}
     .font12{font-size:12px;color:#ccc;float:right}
     .pic_list dl img{padding:5px;border:1px solid #ccc;margin-bottom:10px}
     .pic_list dl dd{float:left}
     .pic_title{background:#ff9c01;line-height:40px;font-size:16px;text-indent:20px;text-align:left;width:95%;float:left;color:#fff;margin:0 10px 10px;}
      .pic_list2 li{float:left}
      .pic_list2{margin:0 6px 0 12px}
      .pic_list2 li{width:20%;margin:10PX 15px 10px 15px;float:left;}

    </style>

</head>


<body>
    <div>
       <!--顶部区域 start-->
       <div class="top_bg">
        <div class="top_content">
            <div class="floatl">收藏| HI,欢迎来订购！<a href="login.html" class="orange">[请登录]</a><a href="register.html" class="orange">[免费注册]</a> </div>
            <div class="floatr">客户服务&nbsp;网站导航&nbsp;<span class="droparrow"><span class="shopcart"></span>我的购物车<span class="orange">0</span>件</span></div>
        </div>
        </div>
    <!--顶部区域 end-->
    <div class="nav_bg">
        <div class = "nav_content">
            <ul class = "menu_nav">
               <li><a href ="shoppingindex.html" class = "white">首页</a></li>
               <li class = "nav_active"><a href = "shoppingShow.html" class = "white">最近上架</a></li>
               <li>品牌活动</li>
               <li>原厂直供</li>
               <li>团购</li>
               <li>限时抢购</li>
               <li>促销打折</li>
           </ul>
        </div>
    </div>
    <div class="main">
        <ul class = "menu">
            <li><span class="title">女装</span></span></li>
            <li><span class="red_dot"></span><a herf="#">上衣</a></li>
            <li><span class="red_dot"></span><a herf="#">下装</a></li>
            <li><span class="red_dot"></span><a herf="#">连衣裙</a></li>
            <li><span class="red_dot"></span><a herf="#">内衣</a></li>
            <li><span class="title">男装</span></span></li>
            <li><span class="red_dot"></span><a herf="#">T恤</a></li>
            <li><span class="red_dot"></span><a herf="#">短裤</a></li>
            <li><span class="red_dot"></span><a herf="#">衬衫</a></li>
            <li><span class="title">童装</span></span></li>
            <li><span class="red_dot"></span><a herf="#">上衣</a></li>
            <li><span class="red_dot"></span><a herf="#">裤子</a></li>
            <li><span class="title">运动</span></span></li>
            <li><span class="red_dot"></span><a herf="#">运动裤</a></li>
            <li><span class="red_dot"></span><a herf="#">跑鞋</a></li>
        </ul>
    </div>
    <div class="middle">
        <hl class="pic_title">最新上架</hl>
        <div class="pic_list">
         <dl>
          <div><a href="shoppingDetail.html" target="_blank">
            <img src="img/最新上架1.jpg" width="180" height="180"></a></div>
          <dt><span class="price">¥539元</span><span class="font12">44人购买</span></dt>
          <dd>唐狮2020冬新款羽绒服女中长款毛领连帽拼接撞色韩版学生ins潮流</dd>
         </dl>
         <dl>
          <div><img src="img/最新上架2.jpg"width="180" height="180" /></div>
          <dt><span class="price">¥789元</span>
               <span class="font12">12人购买</span></dt>
          <dd>阿迪达斯官网 adidas LK MID DOWN 小童装冬季训练羽绒服EH4205
         </dd>
         </dl>
         <dl>
          <div><img src="img/最新上架3.jpg"width="180" height="180"></div>
          <dt><span class="price">¥559元</span><span class="font12">74人购买</span></dt>
          <dd>ZARA 新款 童装男童 羽绒服外套 05644839501
         </dd>
        </dl>
        <dl>
          <div><img src="img/最新上架4.jpg" width="180" height="180"></div>
          <dt><span class="price">¥729元</span><span class="font12">32人购买</span></dt>
          <dd>Dickies冬女中大潮童冬反光大标印充棉加厚中长款连帽外套
         </dd>
        </dl>
        <dl>
          <div><img src="img/最新上架5.jpg" width="180" height="180"></div>
          <dt><span class="price">¥799元</span><span class="font12">50人购买</span></dt>
          <dd>Converse匡威童装官方正品2020冬季新款男童长款保暖加厚羽绒服</dd>
        </dl>
        <dl>
          <div><img src="img/最新上架6.jpg" width="180" height="180" /></div>
          <dt><span class="price">¥698元</span><span class="font12">46人购买</span></dt>
          <dd>THE NORTH FACE羽绒服童装长款鹅绒北面羽绒衣男女童加厚亲子外套
         </dd>
        </dl>
        <dl>
          <div><img src="img/最新上架7.jpg" width="180" height="180"/></div>
          <dt><span class="price">¥229元</span><span class="font12">145人购买</span></dt>
          <dd>9T068 Found+ 2020冬季 超暖推荐！可脱卸毛领连帽中长款棉衣外套
         </dd>
        </dl>
        <dl>
          <div><img src="img/最新上架8.jpg" width="180" height="180"/></div>
          <dt><span class="price">¥239元</span><span class="font12">179人购买</span></dt>
          <dd>羽绒服女2020年冬季新款短款港风宽松韩版外套国潮ins情侣工装
         </dd>
        </dl>
      </div>
        <!-- 品牌活动 -->
        <hl class="pic_title">品牌活动</hl>
        <ul class="pic_list2">
         <li><img src="img/品牌活动1.jpg" width="180" height="180"/>
          <p>南极人2020年新款大毛领派克羽绒服女中长款加厚白鸭绒冬网红短款
         </p>
         </li>
         <li><img src="img/品牌活动2.jpg" width="180" height="180"/>
          <p>2020年新款韩版大毛领羽绒服女中长款过膝白鸭绒白色外套冬季加厚
         </p>
         </li>
         <li><img src="img/品牌活动3.jpg" width="180" height="180" />
          <p>南极人冲锋衣男三合一可拆卸冬季防风防水加绒加厚工装防寒套装女
         </p>
         </li>
         <li><img src="img/品牌活动4.jpg" width="180" height="180" />
          <p>南极人冬装羽绒服男中长款过膝保暖青年情侣韩版修身学生大码外套
         </p>
         </li>
        </ul>
       </div>

    </div>
    
</body>
</html>